
body{
    color: #333;
    background-color: #fff;min-width: 1226px;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}
a{
    text-decoration: none;
    color: #757575;
}
/*topbar*/
.top{
    position: relative;
    height: 40px;
    font-size: 12px;
    color: #b0b0b0;
    background-color: #333;
}
.top .container{
    width: 1226px;
    position: relative;
    margin: 0 auto;
    /*overflow: hidden;*/
}
.top .top-nav{
    float: left;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}
.top .top-nav a{
    color: #b0b0b0;
}
.top a:hover{
    color: #fff;
}
.top-nav span{
    margin: 0.5em;
    color: #424242;
}
.cart{
    width: 120px;
    margin-left: 15px;
    position: relative;
    float: right;
    height: 40px;
    /*line-height: 40px;*/
}
.cart a{
    position: relative;
    z-index: 30;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #b0b0b0;
    background-color: #424242;
}
.cart:hover a{
    background-color: #fff;
    color: #ff6700;
}
.down{
    background-color: #fff;
    color: #ff6700;
}
.cart i{
    z-index: 1000;
    background-image: url(../images/cart.png);
    margin-right: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: -4px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.menu{
    position: absolute;
    right: 0;
    top: 40px;
    width: 316px;
    padding: 15px 0 0 0;
    color: #424242;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    height: 100px;
    text-align: center;
    line-height: 80px;
    z-index: 200900;
    display: none;
}
.info{
    line-height: 40px;
    float: right;
    height: 40px;
}
.info span{
    color: #424242;
}
.info a{
    padding: 0 5px;
    text-align: center;
    color: #b0b0b0;
}
/*header*/
.header{
    position: relative;
    height: 100px;
}
.header .container{
    position: relative;
    width: 1226px;
    margin-right: auto;
    /*overflow: hidden;*/
    margin-left: auto;
}
.logo{
    float: left;
    margin-top: 22px;
    width: 62px;
}
.logo a{
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-image: url(../images/mi-logo.png);
    background-color: #ff6700;
    background-position: center center;
}
.doodle a{
    margin-left: 10px;
    background-image: url(../images/P1.gif);
    display: block;
    float: left;
    width: 165px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.header ul{
    width: 685px;
    float: left;
    /*overflow: hidden;*/
}
.header li{
    float: left;
    color: #333;
    line-height: 100px;
    padding: 0 10px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
/*鼠标悬浮显示下拉*/
.one {
    width: 100%;
    height: 229px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 5px #e0e0e0;
    display: none;
    /*position: relative;*/
    position: absolute;
    background-color: #fff;
    z-index: 999;
}
.one .connn{
   width: 1226px;
    margin: 0 auto; 
    height: 229px;
}
.one ul{
    position: absolute;
    top: 0px;    
}
.one li{
    font-size: 12px;    
    float: left;
    width: 180px;
    text-align: center;
    padding: 35px 12px 0 12px;
    cursor: pointer;
    position: relative;
}
.one li:last-child img{
    border-right: none;
}
.one img{
    border-right: 1px solid #ccc;   
    width: 160px;
    display: block;
    margin-bottom: 20px;
    padding: 0 12px;
}
.one a{
    color: #333;
    line-height: 20px;
}
.one p{
    color: #ff6700;
    padding: 0;
    margin: 0;
    line-height: 20px;
}
.one .flag{
    display: inline-block;
    height: 18px;
    padding: 1px 20px;
    border: 1px solid #ff6700;
    position: absolute;
    top: 0px;
    left: 70px;
}


.header li:hover{
    color: #ff6700;
}
.header form{
    float: right;
    position: relative;
}
.header input[type=search]{
    width: 245px;
    height: 50px;
    padding: 0 10px;
    z-index: 1;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    outline: none;
    margin-top: 25px;
    margin-right: 52px;
}
.header input[type=submit]{
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 24px;
    background-color: #fff;color: #616161;
    outline: none;
    margin-top: 25px;
    border-left: none;
    background-image: url(../images/search.png);
    background-position: center center;
    background-size: 50% 50%;
    background-repeat: no-repeat;   
}
.header input[type=submit]:hover{
    background-color: #ff6700;
    background-image: url(../images/sear.png);
}
.con{
    position: relative;
    top: -34px;
    left: 30px;
    z-index: 40;
    cursor: pointer;
}
.con span{
    background-color: #eee;
    color: #757575;
    margin-left: 5px;
}
.con span:hover{
    background-color: #ff6700;
    color: #fff;
}
.show{
    width: 243px !important;
    border: 1px solid #ff6700; 
    position: absolute;
    top: 75px;   
    right: 52px;
    /*padding: 0 20px;*/
    border-top: none;
    display: none;
    z-index: 47777;
    background-color: #fff;
}
.show li{
    border-top: none;    
    text-align: center;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #616161;
    position: relative;
    padding: 0;
}
.show li:hover{
    background-color: #eee;
    color: #424242 !important;
}
.show li span{
    width: 50%;
    height: auto;
}
.show li span:nth-child(1){
    text-indent: 20px;    
    position: absolute;
    left: 0;
    text-align: left;
}
.show li span:nth-child(2){
    /*text-indent: 20px;    */
    position: absolute;
    right: 20px;
    text-align: right;
    color: #ccc;
}
/*轮播图*/
       ul,li{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .content{
            position: absolute;
            top: 0;
            width: 1226px;
            height: 460px;
            margin: 0px auto;
            position: relative;
            /*bottom: 231px;*/
            z-index: 0;
        }
        .content .pic li{
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }
        .content .pic li.current{
            display: block;
        }
        .content .indictor{
            position: absolute;
            /*left: 5px;*/
            right: 0;
            bottom: 5px;
        }
        .content .indictor li{
            float: left;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: #757575;
            text-align: center;
            margin: 5px;
            color: white;
            cursor: pointer;
            border: 3px solid #ccc;
        }
        .content .indictor li.active{
            background-color: #eee;
            padding: 0;
        }
        .content .page{
            color: white;
        }
        .content .page span{
            width: 41px;
            height: 69px;
        }
        .content .page span img{
            width: 41px;
            height: 69px;
        }
        .content .pre{
            position: absolute;
            left: 238px;
            bottom: calc(50% - 5px);
        }
        .content .page .next{
            position: absolute;
            right: 0px;
            bottom: calc(50% - 5px);
        }
        .content .page span:hover{
            background-color: rgba(0, 0, 0, 0.7);
        }
        .list-left{
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0,0, 0,0.4);
            padding: 20px 0;
            color: white;
            border: 1px solid #e0e0e0;
            border-right: 2px solid #e0e0e0;
            
        }
        .list-left li{
            width: 204px;
            padding-left: 30px;
            height: 42px;
            line-height: 42px;
            /*position: relative;*/
            cursor: pointer;
        }
        .bg {
            background-color: #ff6700;
        }
        .list-left .row .phone:hover{
            color: #ff6700;
        }
        .list-left .row .bye:hover{
            background-color: #ff6700;
            color: white;
        }
        .list-left li img{
            width: 10px;
            height: 12px;
            float: right;
            margin-right: 20px;
            margin-top: 3px;
            margin-top: 16px;
        }
        .list-left .row{
            position: absolute;
            top: 0;
            left: 234px;
            width: 245px;
            background-color: #fff;
            display: none;
        }
        .list-left .ff{
            left: 479px;
        }
        .list-left .fff{
            left: 724px;
            padding-right: 100px;
        }
        .list-left .ffff{
            left: 724px;
            /*padding-right: 100px;*/
        }
        .list-left .fffff{
            left: 969px;
            padding-right: 70px;
        }
        .row ul{
            width: 265px;
            height: 454px;
            padding: 2px 0;
            color: #333;            
        }

        .row li{
            padding-left: 20px;
            width: 225px;
            height: 76px;
            line-height: 76px;
        }
        .out .row img{
            width: 40px;
            height: 40px;
            float: left;
            margin: 0;
            margin-right: 12px;
            /*position: absolute;*/
            margin-top: 18px;
        }
        .out .row .bye{
            margin-top: 24px;
            border: 1px solid #ff6700;
            width: 58px;
            height: 22px ;
            line-height: 22px;
            /*padding: 3px 15px;*/
            font-size: 12px;
            float: right;
            text-align: center;
            margin-right: 10px;
            color: #ff6700;
        }
        /*.row .phone{
            margin-top: 40px;
        }*/

        .sub-row .next{
            position: absolute;
            top: 0;
            right: 0;
        }
        .next ul li{
            width: 316px ;
            height: 170px;
            float: left;
            cursor: pointer;
            margin-left: 14px;
        }
        .next li img{
            width: 316px;
            height: 170px;
        }

        .sub-row{
            width: 1226px;
            margin: 0 auto;
            margin-top: 14px;    
            position: relative;
            cursor: pointer;
        }
        .sub-row .span{
            width: 232px;
            height: 164px;
        }
        .sub-row .span ul{
           overflow: hidden;
           background-color: #5f5750;
           padding: 3px;
           font-size: 12px;
        }
        .sub-row .span ul li{
            padding: 0 2px;
            width: 70px;
            height: 64px;
            padding-top: 18px;
            float: left;
            position: relative;
        }
        .sub-row li div::after{
            position: absolute;
            top: 6px;
            left: 0;
            width: 1px;
            height: 70px;
            color: #fff;
        }
        .sub-row .span li div{
            text-align: center;
            color: rgba(255,255,255,0.7);
        }
        .sub-row .span li div:hover{
            color: #fff;
        }
        .sub-row .span ul li img{
            height: 24px;
            display: block;
            margin-left: 23px;
            margin-bottom: 3px;
        }

        /*明星单品*/
        .mi-box{
            width: 1226px;
            margin: 0 auto;
            position: relative;
            height: 438px;
            overflow: hidden;
            padding-bottom: 20px;
        }
        .mi-box .header{
            height: 58px;
            line-height: 58px; 
        }
        .h2{
            font-weight: 200;
            color: #333;
            /*display: inline-block;*/
        }
        .control{
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
        }
        .control span{
            width: 24px;
            height: 16px;
            padding: 3px 12px;
            border: 1px solid #e0e0e0;
            font-size: 16px;
            line-height: 16px;
            color: #333;
        }
        .control span:nth-child(1){
            border-right: none;
            position: relative;
            color: #e0e0e0;
            left: 4px;
        }
        .mi-box .nav{
            overflow: hidden;
            width: 2452px;
            position: relative;
        }
        .mi-box .nav li{
            float: left;
            height: 300px;
            width: 234px;
            padding-top: 39px;
            border-top-width: 1px;
            border-top-style: solid;
            text-align: center;
            background-color: #fafafa;
            transition: all 0.6s;
            margin-right: 14px;
        }
        .mi-box .nav li span:nth-of-type(1){
            color: #212121;
        }
        .mi-box .nav li span:nth-of-type(2){
            color: #b0b0b0;
            font-size: 12px;
            padding: 0 20px 10px 20px;
        }
        .mi-box .nav li span:nth-of-type(3){
            color: #ff6700;
        }
        .mi-box .nav .i1{
            border-top-color: #ffac13;
        }
        .mi-box .nav .i2{
            border-top-color: #83c44e;
        }
        .mi-box .nav .i3{
            border-top-color: #2196f3;
        }
        .mi-box .nav .i4{
            border-top-color: #e53935;
        }
        .mi-box .nav .i5{
            border-top-color: #00c0a5;
        }
        .mi-box .nav .i7{
            border-top-color: #ffac13;
        }
        .mi-box .nav .i8{
            border-top-color: #83c44e;
        }
        .mi-box .nav .i9{
            border-top-color: #2196f3;
        }
        .mi-box .nav .i10{
            border-top-color: #e53935;
        }
        .mi-box .nav li:last-child, .mi-box .nav li:nth-child(5){
            margin-right: 0;
        }
        .mi-box .nav li img{
            width: 160px;
            height: 160px;
            display: block;
            padding-left: 37px !important;
        }
        .mi-box .nav li span{
            display: block;
        }
        .color{
            color: #ff6700;
        }
        .clear{
            clear: both;
        }
        /*智能硬件*/
        .relex{
            padding-top: 60px;
            background-color: #f5f5f5;
            transition: all 2s;
            overflow: hidden;
        }
        .relex .container{
            width: 1226px;
            margin: 0 auto;
            /*margin: 0 6px;*/
        }
        .relex .container .header{
            height: 58px;
            line-height: 58px;
            cursor: pointer;
        }
        .relex .container .h2{
            display: inline-block;
            height: 58px;
            line-height: 58px;
            padding: 0; 
            margin: 0;
        }
        .relex .cont{
            float: right;
        }
        .relex .cont:hover .look{
            color: #ff6700;
        }
        .relex .cont:hover #all{
            background-color: #ff6700;
        }
        .relex .cont .look{
            color: #424242;
            border: none;
            font-size: 16px;
            position: relative;
            left: 10px;
        }
        #all{
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: #b0b0b0;
            border-radius: 50%;
            line-height: 58px;
            position: relative;
            top: 5px;
            left: 12px;
            transition: all 0.2s;
        }
        .cont i{
            position: relative;
            right: 4px;
            color: white;
        }
        .relex .allspan{
            height: 628px;
        }
        .relex .span4{
            height: 614px;
            float: left;
        }
        .relex .span4 img{
            height: 614px;
            position: relative;
            width: 234px;
            transition: all 0.2s;
        }
        
         .relex .span16{
             float: right;
             width: 992px;
             /*display: inline-block;*/
         }   
        .relex .span16 li{
            float: left;
            margin-left: 14px;  
            width: 234px;
            height: 260px;
            padding: 20px 0;
            background-color: #fff;
            text-align: center; 
            margin-bottom: 14px;
            transition: all 0.4s;
            position: relative;
            overflow: hidden;            
        }
        .relex .span16 li img{
            width: 160px;
            height: 160px;
            margin: 3px 0;
            padding-bottom: 16px;
            cursor: pointer;
        }
        h3,p{
            margin: 0;
            padding: 0;
        }
        .relex .span16 li h3{
            color: #333;
            font-size: 14px;
            font-weight: normal;
        }
        .relex .span16 li p:nth-of-type(1){
            font-size: 12px;
            color: #b0b0b0;
            margin: 0 10px 10px 10px;
        }
        .relex .span16 li p:nth-of-type(2){
            color: #ff6700
        }
        .relex .span16 .new{
            background-color: #83c44e;
            position: absolute;
            top: 0;
            left: calc(50% - 32px);
            color: white;
            width: 64px;
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            text-align: center;
        }
        .relex .span16 .court{
            background-color: #e53935;
            position: absolute;
            top: 0;
            left: calc(50% - 32px);
            color: white;
            width: 64px;
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            text-align: center;
        }
        .hidd{
            display: none;
        }
        .make .span16 li p:nth-of-type(1){
            color: #ff6700;
            margin: 0 10px 10px 10px;
            font-size: 14px;
        }
        .make .span16 li p:nth-of-type(2){
            font-size: 12px;
            color: #b0b0b0;
        }
        .make .span4 img{
            width: 234px;
            height: 300px;
            margin-bottom: 14px;
        }
        .make .allspan{
            position: relative;
        }
        .make .allspan .span16{
            position: absolute;
            top: 0;
            left: 234px;
        }
        .make .cont span{
            margin-left: 30px;
            font-size: 16px;
        }
        .active{
            color: #ff6700;
            border-bottom: 2px solid #ff6700;
            padding-bottom: 5px;
        }
        .make .view{
            width: 174px;
            text-align: center; 
            background-color: #ff6700;
            font-size: 12px;
            padding: 8px 30px;    
            height: 59px;
            position: relative;
            bottom: -22px;
            opacity: 0;
        }
        .make .view .review{
            display: block;
            color: #fff;
            margin-bottom: 5px;
        }
        .make .view .author{
            color: #fff;
            opacity: 0.6;
        }
        .make .span16 li:last-child{
            /*background-color: transparent;
            padding: 0;            */
        }
        .make .span16 .inner1>img,.make .span16 .inner2>img{
            display: block;
            width: 80px;
            height: 80px;
        } 
        .make .span16 .inner1,.make .span16 .inner2{
            background-color: #fff;
            padding-top: 50px;
        }
        .make .inner1,.inner2{
            width: 234px;
            height: 93px;
            margin-bottom: 14px;
        }



/*为你推荐*/

.coner{
    width: 100%;
    background-color: #f5f5f5;
}
.mi-box.recommend{
    background-color: #f5f5f5;
}
.mi-box .reject li{
    border: none;
    position: relative;
    transition: all 0.2s;
    background-color: #fff;
}

/*热评产品*/
.hot .conductor{
    height: 415px;
}
.hot .conductor li{
    background-color: #fff;
    margin-bottom: 14px;
    height: 415px;
    float: left;
    position: relative;
    transition: all 0.5s;
}
.hot .conductor img{
    width: 296px;
    height: 220px;
    margin-bottom: 26px;
}
.hot .conductor p.re{
    width: 240px;
    height: 72px;
    margin: 0 28px 22px 28px;
}
.hot .conductor p.author{
    width: 230px;
    height: 18px;
    padding-right: 10px;
    margin: 0 28px;
    color: #b0b0b0;
    font-size: 12px;
}
.ml{
    margin-left: 14px;
}
.hot .conductor .info{
    width: 236px;
    height: 22px;
    margin: 0 30px;
}
.conductor .gg{
    margin: 0 3.5px;
    color: #e0e0e0;
} 
.conductor .n9{
    color: #ff6700;
}

.no{
    display: none;
}
/*内容*/
.conte .conductor >ul>li{
    height: 374px;
    margin-bottom: 14px;
    border-top: 1px solid #757575;
    padding-top: 45px;
    overflow: hidden;
    position: relative;
}
.conte p.title{
    width: 276px;
    height: 24px;
    margin: 0 10px 18px 10px;
    text-align: center;
    font-size: 16px;
}
.conte .conductor .book{
    border-color: #ffac13;
}
.conte .conductor .book .title{
    color: #ffac13;
}
.conte .conductor .miui{
    border-color: #83c44e;
}
.conte .conductor .miui .title{
    color: #83c44e;
}
.conte .conductor .game{
    border-color: #e53935;
}
.conte .conductor .game .title{
    color: #e53935;
}
.conte .conductor .ying{
    border-color: #2196f3;
}
.conte .conductor .ying .title{
    color: #2196f3;
}
.conte .conductor .wrapp{
    width: 276px;
}
.conte .conductor .wrapp ul{
    width: 888px;
    overflow: hidden;
    position: relative;
}
.conte .conductor .book .wrapp ul li{
    height: 330px;
    float: left;
    background-color: transparent;
    position: relative;
}
.wrapp p.a{
    margin: 0 20px 5px 20px;
    width: 256px;
    height: 25px;
    color: #333;
    font-size: 20px;
    line-height: 1.25;
    text-align: center;
}
.wrapp p.b{
    width: 200px;
    height: 40px;
    margin: -0px 48px 10px 48px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #b0b0b0;
}
.wrapp p.c{
    width: 276px;
    height: 21px;
    margin: 0 10px 15px 10px;
    color: #333;
    text-align: center;
}
.hot .conductor .wrapp img{
    margin: 0 40px;
    width: 216px;
    height: 154px;
}
.op{
    opacity: 0;
}
#pages {
    width: 296px;
    height: 30px;
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    margin-left: 90px;
}
#pages li{
    width: 10px;
    height: 10px;
    padding: 10px;
    margin: 0 2px;
}
.dot{
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    text-align: left;
    text-indent: -9999em;
    background-color: #b0b0b0;
}
.dot:hover{
    background-color: #ff6700;
}
.border-active{
    border-color: #ff6700 !important;
    background-color: #fff !important;
}
.hover{
    background-color: #ff6700;
    border-color: #f5f5f5;
}
.conductor .control span{
    width: 20px;
    height: 24px;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background-color: rgba(66,66,66,0.2);
    color: #fff;
    opacity: 0;
}
.conductor .control span:hover{
    background-color: #757575;
    transition: all 0.5s;
}
.conductor .control .left{
    position: absolute;
    left: -296px;
    transition: all 0.5s;
    top: 188px;
}
.conductor .control .right{
    position: absolute;    
    right: 0;
    transition: all 0.5s;
    top: 188px;
}
/*视频*/
.audio{
    padding-bottom: 60px;
    height: 343px;
    /*background-color: #b0b0b0;*/
}
.audio .cont img{
    width: 20px;
    height: 20px;
    background-color: #b0b0b0;
    position: relative;
    top: 3px;
    margin-left: 20px;
    border-radius: 50%;
}
.audio .cont:hover img{
    background-color: #ff6700;
    transition: all 0.5s;
}
.audio .conductor{
    height: 283px;
}
.audio .conductor li{
    width: 296px;
    height: 285px;
    margin-bottom: 14px;
}
.audio .conductor li img{
    height: 180px;
}
.audio .conductor li .re{
    width: 296px;
    padding: 0;
    margin: 0;
    height: 21px;
    text-align: center;
    margin-bottom: 6px;
}
.audio .conductor li .re:hover{
    color: #ff6700;
}
.audio .conductor li .author{
    text-align: center;
}
.audio .conductor li .rr{
    position: relative;
}
.audio .conductor li span{
    position: absolute;
    left: 20px;
    bottom: 10px;
    transition: all 0.5s;
}
.audio .conductor li span img{
    width: 32px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
}
.audio .conductor li .rr:hover span>img{
    background-color: #ff6700;
    /*border: 2px solid #ff6700;*/
}
/*页脚*/
.footer .container{
    width: 1226px;
    height: 272px;
    margin: 0 auto;
}
.service{
    height: 25px;
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}
.service li{
    float: left;
    width: 243px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    font-size: 16px;
}
.service li:last-child{
    border: none;
}
.service li img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
.service li:hover span{
    color: #ff6700;
}
.links{
    height: 112px;
    padding: 40px 0;
}
.col-links{
    width: 160px;float: left;
    margin: 0;
}
.col-links dt{
    margin: -1px 0 26px 0;
    font-size: 14px;
    line-height: 1.25;
    color: #424242;
}
.col-links dd{
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #757575;
}
.col-links dd:hover{
    color: #ff6700;
    cursor: pointer;
}
.col-content{
    width: 251px;
    margin-left: 1px solid #e0e0e0;
    float: right;
    text-align: center;
    color: #616161;
}
.col-content .phone{
    height: 22px;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1;
    color: #ff6700;
}
.cc{
    margin-bottom: 16px;
    height: 36px;
    font-size: 12px;
    color: #616161;
}
.cc span{
    display: block;
}
.btn{
    display: block;
    width: 120px;
    border: 1px solid #ff6700;
    background-color: #fff;
    color: #ff6700;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    margin-left: 70px;
}
.btn:hover{
    color: white;
    background-color: #ff6700;
    transition: all 1s;
}
.site-info{
    padding: 30px 0;
    font-size: 12px;
    background-color: #fafafa;
    width: 100%;
    height: 106px;
}
.container{
    width: 1226px;
    margin: 0 auto;
    height: 57px;
}
.logo{
    background-color: #ff6700;
    float: left;
    width: 57px;
    height: 57px;
    margin-right: 10px;
    text-align: center;
    /*vertical-align: center;*/
    margin-top: 25px;
}
.info-text{
    height: 55px;
    float: left;
    cursor: pointer;
    font-size: 12px;
}
.sites{
    margin: 0;
    line-height: 18px;
    height: 19px;
}
.sites a{
    color: #757575;
}
.sites a:hover{
    color: #ff6700;
}
.sites span{
    margin: 0 0;
    color: #b0b0b0;
}
.site-info .logo{
    margin-top: 0;
}
.jing span:hover{
    color: #ff6700;
}
.info-links{
    float: right;
    height: 28px;
    margin: 4px 0 0 0;
    /*position: relative;
    bottom: 40px;*/
}
.info-links img{
    display: block;
    width: auto;
    height: 28px;
    margin-left: 7px;
    float: left;
}
.mi{
    width: 267px;
    height: 19px;
    margin: 0 auto;
    margin-top: 30px;
}